<!DOCTYPE html>
<html>
    <head>
        <title>俄罗斯轮盘赌</title>
        <link rel="stylesheet" href="zp.css">
    </head>
    <body>
        
        <div class="minw">
            <div class="wauto" id="w">
                <div class="a">啊回复</div>
                <div class="b">方法</div>
                <div class="c">撒啊</div>
                <div class="d">法案二</div>
                <div class="e">热啊</div>
                <div class="f">人物</div>
                <div class="g">过生日</div>
                <div class="h">让娃娃</div>
                <div class="i">阿达</div>
                <div class="j">个人</div>
                <div class="k">国硅谷</div>
                <div class="l">开了房门</div>
            </div>
            <div class="pic" id="p">
                <img src="zz.png" alt="">
            </div>
        </div>
    </body>

    <script>
        var _wauto = document.getElementById('w');
        var _pic = document.getElementById('p');

        var d=0;

        _pic.onclick = function () {

            var a=Math.random()*360;
            var c = (3+Math.random()*3)*360;
            var b = parseInt(a) + parseInt(c);
            
            d = d + b;
            _wauto.style.animationName = "bb";  
            _wauto.style.transition = "3s";

            _wauto.style.transform = "rotate("+d+"deg)";
        
            
            console.log(d);


        }

    </script>


</html>